<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>dropdownbtn(下拉按钮)测试页面</title>
    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">
    <style>[ng-cloak]{display:none}</style>
</head>
<body ng-cloak style="margin: 100px 150px;" ng-controller="DropDownBtnCtrl">
    <!--
    属性说明：
      主指令属性说明：
         1)[可选]disabled:禁用按钮，只要有设置则禁用。如disabled="true"或者disabled="disabled"
         2)[可选]button-icon:按钮图标class样式
         3)[可选]width:配置控件宽度
         4)[可选]is-button：是否为button分裂下拉按钮;true(默认：按钮);false:a标签按钮
         5)[必须]display：按钮上的文字
         6)[可选]click-event：配置点击事件。当为a标签时，并且href-prop和click-event同时配置时，只有click-event函数返回true时，才会跳转到href-prop的页面。
         7)[可选]href-prop：为a标签的链接
         8)[可选]ng-show：配置控件的显示和隐藏，true:显示，false:隐藏
      子指令属性说明:
          1)[可选]disabled:禁用按钮，只要有设置则禁用。如disabled="true"或者disabled="disabled"
          2)[必须]display:菜单按钮上显示文字
          3)[可选]click-event:配置点击事件。当href-prop和click-event同时配置时，只有click-event函数返回true时，才会跳转到href-prop的页面。
          4)[可选]href-prop:配置的超链接地址
          5)[可选]ng-show:配置控件的显示和隐藏，true:显示，false:隐藏
          6)[可选]role:separator为分隔线
    -->

    <div>
        <label>下拉按钮控件:</label>
        <br>
        <g-dropdown-btn  ng-show="show" width="200" is-button="true" button-icon="fi-wx"  click-event="clickMajorBut('确定按钮')"  display="确认提交" href-prop="http://www.baidu.com">
            <g-dropdown-item  click-event="clickMinorBut2('上传数据')" display="上传数据" href-prop="www.baidu.com"></g-dropdown-item>
            <g-dropdown-item disabled="disabled" click-event="clickMinorBut('上传数据2')" display="上传数据2" href-prop="www.baidu.com"></g-dropdown-item>
            <g-dropdown-item ng-show="show" role="separator"></g-dropdown-item>
            <g-dropdown-item  click-event="clickMinorBut('上传数据3')" display="上传数据3"  href-prop="www.baidu.com"></g-dropdown-item>
        </g-dropdown-btn>
    </div>


    <script>
        var ctx = '';
        var basePath = '/gillion-web';
        var locale = 'zh-cn'
    </script>
    <script src="/bower_components/requirejs/require.js" data-main="/static/app.js"
            data-bootstrap-modules="['framework/dropdownbtn/TestDropDownBtnModule']"></script>
</body>
</html>